
const { useState, useEffect } = React;

const { Button, Flex, Rate } = antd;

function MyApp() {
  const [count, setCount] = useState(1);

  const load_data = ()=>{
    prn('load_data')
  }

  useEffect(() => {
    load_data()
  }, []);

  return (
    <div>

    <AnaModal title="示例弹窗" trigger={<Button>打开</Button>}>
      <p>这里是弹窗内容</p>
    </AnaModal>

    <TestModal title="TestModal" width={1000} trigger={<Button>组件创建</Button>} content={<CompCreater/> }/>

    <TestModal title="TestModal" trigger={<Button>TestComp</Button>} content={<TestComp/> }/>

    <TestModal title="TestModal" trigger={<Button>Prompt</Button>} content={<Prompt/> }/>

    <TestModal title="TestModal" width={1000} trigger={<Button>Bootstrap</Button>} content={<BootStrap/> }/>



      <Prompter />
      {/* 
      <Counter/> 
      <Prompter />
      <TestComp />
      */}
    </div>
  );
}

const container = document.getElementById("root");
const root = ReactDOM.createRoot(container);
root.render(<MyApp />);